<div id="top-sidebar-container">

	<div id="top-sidebar-content">
	    <div class="container-small">
        	<h1>Logi sisse / loo uus kasutajakonto</h1>
	    	<p>Logi sisse kasutades kasutajatunnust ja parooli või mõnda teist teenusepakkujat.</p>
            <div class="social-container">
            	<a href="<?php echo base_url(); ?>auth/social/Facebook"><img src="<?php echo base_url(); ?>img/facebook.png" width="100" height="29" id="social-facebook"/></a>
                <a href="<?php echo base_url(); ?>auth/social/Google"><img src="<?php echo base_url(); ?>img/google.png" width="100" height="29" id="social-google"/></a>
                <a href="<?php echo base_url(); ?>auth/social/Twitter"><img src="<?php echo base_url(); ?>img/twitter.png" width="100" height="29" id="social-twitter"/></a>
            </div>
        </div>
        
        <div class="container-small">
            <form action="#" id="auth-form" name="auth-form" method="post">
        	    <label>E-post
                
                	<?php
						if($connect)
						{
							if(isset($email))
							{
								echo '<input name="email" type="text" class="input-field" id="email" value="'.$email.'" disabled="disabled" tabindex="1" />';
								echo '
								<script type="application/javascript">
									$(document).ready(function ()
									{
										show_hide_top_sidebar();
										showMessage(\'Palun vali endale parool, et saaksid sisse logida ka välist teenusepakkujat kasutamata!\');
									});
								</script>';
							}
							else
							{
								echo '<input name="email" type="text" class="input-field" id="email" tabindex="1" />';
								echo '
								<script type="application/javascript">
									$(document).ready(function ()
									{
										show_hide_top_sidebar();
										showMessage(\'Registreeri teenusepakkujaga ühilduv e-posti aadress ning parool, et saaksid sisse logida ka välist teenusepakkujat kasutamata!\');
									});
								</script>';
							}
						}
						else
						{
							echo '<input name="email" type="text" class="input-field" id="email" tabindex="1" />';
						}
					?>
                    
    	        </label>
        	    <label>Parool
        	        <input name="password" type="password" class="input-field" id="password" tabindex="1" />
    	        </label>
                <label class="form-helper">
        	        <input name="remember-me" type="checkbox" value="1" tabindex="2" /> Hoia mind sisse logituna
    	        </label>
                <?php
					if(!$connect)
					{
						echo'<span class="button form-button" id="login-btn">Logi sisse</span>';
					}
				?>
                <span class="button form-button" id="signup-btn">Registreeru</span>
            </form> 
        </div>
    </div>
    
    <div id="top-sidebar-handle"></div>
    
</div>

<div class="content demo-banner"> 
	<div id="demo-banner-content">
		<a href="#"><img src="<?php echo base_url(); ?>img/intro/intro_1.jpg" /></a> 
    	<a href="#"><img src="<?php echo base_url(); ?>img/intro/intro_2.jpg" /></a> 
    </div>
</div>

<?php echo $main_navigation; ?>